<script src='./topManual.js'></script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  @import url('./topManual.scss');
</style>

<template>
  <div class="topManualContent">
    <button class="myEditorBtn" @click="myWorkZone">我的工作台</button>
    <button class="pushBtn" @click="pushFile">发布</button>
    <button class="saveBtn" @click="saveFile">保存</button>
    <button class="previewBtn" @click="preView">预览</button>
    <div class="title" v-if="fileName">
      <label>
      <input @keydown="renameFileNameInput"
             type="text"
             v-bind:value="fileName"
             disabled="disabled"
      >&nbsp;
    </label>
      <i class="icon iconfont icon-xiugai editor-ico" @click="renameFile"></i></div>
    <!--<div class="help"><i class="el-icon-question"></i></div>-->
  </div>
</template>	